@charset "utf-8";
/* CSS Document */
body{ background:#EEE; padding:0; margin:0; text-align:center; font-size:inherit;}
html, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, q, small, strong, sub, sup, tt, var,
ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;text-align:left; font-family:"微软雅黑" }
dl, dt, dd { position:static; display:block;}
ul, ol, li{ list-style-type: none;}
a, a:hover,a:link, a:visited{ color:#333;text-decoration: none;}
img { border: none; }
a {font-size: medium; color: #036;}
a:link {text-decoration: none;}
a:visited { text-decoration: none; color: #333;}
a:hover { text-decoration: underline; }
a:active { text-decoration: none;color: #000;}
div { padding:0; margin:0; text-align:left; overflow:hidden;}
dt, dl, dd { display:block;	margin:0; padding:0;
	vertical-align: top;}
.cle{ clear:both;}
.left{ float:left;}
.right{ float:right;}
.leftimg{ width:600px}
/* HTML5 */
article, aside, dialog, figure, footer, header, hgroup, nav, section, menu { display:block; }
time { display: inline; }
header{}
	#topnav{ background:#666; width:100%; height:50px; text-align:center;}
		.topnav{ width:960px; padding:15px 0 5px ; height:20px; margin:0 auto; }
		.topnav ul{ margin:0; width:auto; float:left;}
		.topnav ul li{ margin:0 auto; float:left; width:auto;}
		.topnav a{ padding:5px 30px 5px 0; height:20px; display:block; margin:0 0 0 2px; color:#FFFFFF; width:auto;}
		.topnav a:link{ color:#FFF; }
		.topnav a:hover{ color:#000;text-decoration: none;}
		.topnav a.active{ color:#000; background:#FFF;}
		.topnav ol{ margin:0; width:auto; float:right;}
		.topnav ol li{ margin:0 auto; float:left; width:auto;}
	#header{ margin:10px auto 0px; padding:0; width:960px; text-align:center; }
		#header #logo{ display: block; width: 158px; height: 42px;text-indent: -999em; background:url(../images/qingruanlogo.png) no-repeat 0 0; float:left; }
	#header h1{ display: block; width: 380px; height: 50px;text-indent: -999em; background:url(../images/qingruanlogo.png) no-repeat 0 0; margin:20px 0 15px; float:left;}
	nav{float:right; width:480px; height:30px; margin:50px 0 15px; text-align:left}
		nav ul{}
		 nav ul li{ float:left; width:auto;}
		 nav ul li a{ color:#09F; display:block;  margin:auto; padding:0 0 0 20px;}
		 nav ul li a:link{ color:#09F; font-weight:bold;}
	section{ margin:0 auto; padding:0; width:960px; }
	section #banner{ width:960px; height:260px; overflow:hidden;}
	section #banner ul{ position:absolute; background:#666;text-align:right;padding:0; margin:auto ;z-index:2;}
	section #banner ul li{ padding:0; margin:0 auto; float:left; height:12px;}
	section #banner ul li a{ padding:0; margin:0;}
	section #banner img{ margin:0; border:0; width:960px;} 
article{ margin:0 auto; width:990px;}
	article #column{padding:10px 0;}
	article #column ul{ margin:15px 0 15px 15px; padding:0; width:975px; }
		article #column ul li{ margin:0 15px 0 0; padding:0; width:310px; float:left; background:#FFF;  }
			article #column ul li h2{ padding:10px 5px; margin:0; font-size:1.5em; text-indent:0; border-bottom:3px solid #39F; color:#39F;}
			article #column ul li h2 span{ font-size:0.9em;}
				article #column ul li ul{ margin:20px 10px 0; padding:0; width:280px;}
					article #column ul li ul li{ padding:0 0 10px; margin:0; width:280px}
					article #column ul li ul li a img{ float:left; margin:5px 0 5px 10px;  width:60px; padding:0;}
					article #column ul li ul li h3 { float:left; margin:0; font-size:0.8em; padding:0 0 5px 10px; text-indent:0; width:200px;}
					article #column ul li ul li h3 a{ }
					article #column ul li ul li p { float:left; margin:0; padding:0 0 0 10px; ; line-height:1.4em; font-size:0.8em; text-indent:0; width:200px;}
					article #column ul li ul li p a { font-size:1em;}
					article #column ul li ul li p b { color:#600}
					article #column ul li h2{ padding:10px; margin:0; font-size:1em; text-indent:0;}
	article #guild{ padding: 10px 0 0;}
		article #guild ul{ margin:5px 0 5px 15px; padding:0; width:975px; }
		article #guild ul li{ margin:0 15px 0 0; padding:0; width:310px; float:left;  }
			article #guild ul li img{ padding: 5px 0; margin:0; display:block;}
			article #guild ul li h2{ padding: 5px; margin:0; font-size:1em; color:#333; text-indent:0;}
			article #guild ul li p { padding: 5px; margin:0; font-size:0.9em; color:#333; text-indent:0; line-height:1.6em; text-indent:0;}
			article #guild ul li p a { color:#333; font-size:1em;}
				article #guild ul li ul{ margin:0; padding:0 5px; width:300px;}
					article #guild ul li ul li{ padding:0; margin:0; white-space:nowrap; overflow:hidden; width:300px}
					article #guild ul li ul li a{ padding:5px 0 ; margin:0; display:block; font-size:0.9em; color:#0080C0; text-indent:0; line-height:1.2em}
	article .title{  hight:35px; padding:30px 0px 15px; margin:0px 25px 15px;  border-bottom:3px solid #6C0;}
	article .title h1{ width:auto; padding:0; margin:0 10px 0 0; float:left; font-size:1.5em}
	article .title h1 a{ font-size:0.8em; color:#000; padding:0; margin:0;}
	article .title span{ font-size:1em; width:auto; padding:10px 0 0; margin:0 10px ; float:left;}
	article .title label{ font-size:1em; width:auto; padding:10px 0 0; margin:0 10px ; float:right;}
	article p{ padding:15px 25px 0; margin:0; font-size:1em; line-height:2em; text-indent:2em; }
	article h2{ padding:30px 0 10px; margin:0 25px; font-size:1.5em; }
	article ul{ padding:20px 25px 0px; margin:0}
	article ul li{font-size:1em; line-height:2em; text-indent:2em; }
	article ol{ padding:20px 25px 0px; margin:0;}
	article ol li{font-size:1em; line-height:2em; text-indent:2em;list-style-type: decimal;list-style-position: inside;}
	article p{padding:15px 25px 0; margin:0; font-size:1em; line-height:2em; text-indent:2em; }
	article img{padding:10px;margin:auto;text-align:center;}
	article .news{padding:5px 0 15px; margin:0 25px  }
		article .news ul{ padding:0; margin:0}
		article .news ul li{ padding:10px 0 3px; margin:0; border-bottom:1px solid #EEE; line-height:1em;}
		article .news ul li h3{ width:auto; padding:0; margin:0 ;float:left;  }
		article .news ul li h3 a{ font-size:0.8em; color:#000; padding:0; margin:0;}
		article .news ul li label{ font-size:1em; width:auto; padding:0; margin:0 10px ; float:right;}
		article .news ul li label a{ font-size:0.7em;}
	article .pic{padding:5px 0 15px; margin:0 25px  }
		article .pic dl{ padding:5px 0; margin:0; border-bottom:1px solid #EEE;}
		article .pic dl dt{ padding:0 0 margin:0; width:130px; float:left}
		article .pic dl dt img{ width:100%; padding:0 10px 0 0}
		article .pic dl dd { float:left; width:490px; padding:0 10px}
		article .pic dl dd h3{ width:auto; padding:0; margin:0 ; font-size:1em;}
		article .pic dl dd p{ font-size:0.9em; color:#000; padding:0; margin:0; text-indent:1.8em; line-height:1.6em;}
		article .pic dl dd p a{ font-size:1em; width:auto; padding:10px 0 0; margin:0 10px ; float:right;}
	article #respont{padding:5px 0 15px; margin:0 25px;}
		article #respont form{ padding:0; margin:0;}
		article #respont form dl { padding:5px 0;}
		article #respont form dl dt { width:100px; float:left; padding:0; margin:0;}
		article #respont form dl dt label{ padding:3px 5px; height:22px; line-height:22px; vertical-align:super;}
		article #respont form dl dd{width:300px; float:left; padding:0; margin:0; }
		article #respont form dl dd input{ padding:3px 5px; margin:0; border:1px solid #ccc; background:#EEE; font-size:0.7em; line-height:0.7em; height:100%; width:300px; line-height:22px; vertical-align:super;}
		article #respont form dl dd textarea{ padding:3px 5px; margin:0; border:1px solid #ccc; background:#EEE; font-size:0.7em; line-height:0.7em; width:100%; line-height:22px; vertical-align:super;}
		article #respont form .submit{width:300px; float:left; padding:0; margin:0 0 0 100px; }
		article #respont form .submit input{ padding:3px 5px; margin:0; border:1px solid #ccc; background:#EEE; font-size:0.7em; line-height:0.7em; height:100%; line-height:22px; vertical-align:super;}
		article .ad { padding:0; margin:0; text-align:center;}
		article .ad img { width:auto; padding:5px 0;}
		
	aside{ width:260px; float:left; padding:0px; margin:0; overflow:hidden;}
	#sidebar{ border-left:1px #ccc dashed; padding:10px 5px;}
	
	#sidebar .top{ padding:10px 0 5px; margin:0 10px; border-bottom:2px #CCC solid; }
	#sidebar .top h3{ padding:0; margin:0; float:left; font-size:1.em;}
	#sidebar .top span{ padding:5px 0 0; margin:0; float:right; font-size:0.7em;}
	#sidebar ul{ padding:5px 0 10px}
	#sidebar ul li{padding:5px;}
	#sidebar ul li a{}
	#sidebar .pic{}
	#sidebar .pic img{ width:100px; height:75px; padding:2px; border:1px solid #CCC; margin:0 5px 0 0; float:left;}
	#sidebar .pic p{ width:125px; padding:0 ; margin:0; float:left; line-height:1.4em; font-size:0.8em;}
	#sidebar .pic p a{ font-size:1em;}
	#sidebar .pic h4 { font-size:0.8em; padding:0 0 5px; margin:0; }
	#sidebar .sidad { padding:0; margin:0; text-align:center; width:240px}
		#sidebar .sidad img { width:auto; padding:5px 0; width:100%}
footer{ border-top:#333 1px solid; background:url(../images/Bg-footer.gif) #666; text-align:center;}
	#footer{ margin:0 auto; width:960px; }
	#footer #footernav { margin:0; padding:10px 0; float:left; width:360px }
		#footer #footernav a { padding: 10px; margin:0;line-height:2em; font-size:0.8em; color:#FFF; display:block; float:left; }
		#footer #footernav span { color: #FFF;  padding: 10px 3px; float:left; display:block;}
		#footer #footernav a:hover { color: #000; text-shadow: none; }
	#footer #copyright { margin:0; padding:10px 0; float:right; width:600px }
		#footer #copyright p { padding: 10px; margin:0;line-height:2em; font-size:0.8em; color:#333; color:#FFF; text-align:right;}
		#footer #copyright a { color: #FFF;  padding: 2px 3px;font-size:0.8em}
		#footer #copyright a:hover { color: #000; text-shadow: none; }
	#footer:after{display:block;clear:both;content:"";visibility:hidden;height:0;}  
	
